/*
Copyright © 2017 RXCN.NET
Designer:ZX
*/



@import url("allcss.css");

 
body{font-size:14px; font-family:'Microsoft YaHei'; padding:0px; margin:0px auto; background:#fff; color:#444444; }
*{border:0; margin:0; padding:0; }
a:link{color:#444444; text-decoration:none; }
a:visited{color:#444444; text-decoration:none; }
a:hover{color:#c9050f; text-decoration:underline; }
a:active{color:#c9050f; text-decoration:underline; }
img{ border:none; }



/*--------------------shouye------------------------*/
.box{width: 100%; margin:0px auto; }
.index_head{ position:relative; height:740px; overflow: hidden; padding-top:0px; border-bottom:4px solid #0066cb;}
.index_dh{ width:100%; position:relative; z-index:2000;}
.w1200{ width:1200px; margin:0 auto;}
.index_dh_s1{ width:100%; height:80px; background:#FFF;}
.index_dh_s1 .mz{ width:215px;  height:80px; margin-left:155px; float:left;}
.index_dh_s1 .gd{ width:500px; height:40px; float:left; margin-top:38px;}




/* 本例子css */
	.m_wnews { position: relative;  zoom: 1; height: 40px; overflow: hidden; }
	.m_wnews a{ color:#2A78B4;  }
	.m_wnews div { height:40px; line-height:40px; font-size:16px; color:#F30;}

	.m_wnews .pagesize { position: absolute; right: 5px; top: 3px; display:none; }
	.m_wnews .pagesize a { background: url(images/index_newadd.png) no-repeat -21px 0; width: 21px; height: 21px; display: block; overflow: hidden; line-height: 0; text-indent: -999em; margin-bottom: 3px; }
	.m_wnews .pagesize a.prev:hover { background-position: 0 0; }
	.m_wnews .pagesize a.next { background-position: -21px -26px; }
	.m_wnews .pagesize a.next:hover {background-position: 0 -26px;}





.index_dh_s1 .share_w{ float: right; padding-top:22px; position: relative;  transition:all 0.3s; -webkit-transition:all 0.3s;  }
.index_dh_s1 .share_w .w{ float: left; width:36px; height:36px; border:1px solid #d4d4d4; border-radius: 50%; margin-left: 10px;  transition:all 0.3s; -webkit-transition:all 0.3s; position: relative;}
.index_dh_s1 .share_w .w .a{ display: block; width:100%; height:100%; }
.index_dh_s1 .share_w .lg .a{ background:url(../image/head_login.png) no-repeat center; }
.index_dh_s1 .share_w .wx .a{ background:url(../../images/zuzan_images/wx.png) no-repeat center; }
.index_dh_s1 .share_w .wb .a{ background:url(../../images/zuzan_images/wb.png) no-repeat center; }
.index_dh_s1 .share_w .search .a{ background:url(../../images/zuzan_images/sea.png) no-repeat center; }
.index_dh_s1 .share_w .w:hover ,.header .share_w .w.on{ border-color:#096; background:#093; }
.index_dh_s1 .share_w .w:hover .a{ animation:rot 0.5s; -webkit-animation:rot 0.5s; }
.index_dh_s1 .share_w .lg:hover .a{ background-image:url(../image/head_loginA.png) ; }

.index_dh_s1 .share_w .wx:hover .a{ background-image:url(../../images/zuzan_images/wxA.png) ; }
.index_dh_s1 .share_w .wb:hover .a{ background-image:url(../../images/zuzan_images/wbA.png) ; }
.index_dh_s1 .share_w .search:hover .a,.header .share_w .search.on .a{ background-image:url(../../images/zuzan_images/seaA.png) ; }
.index_dh_s1 .share_w .search .search_w{ display: none; }
.index_dh_s1 .share_w .yycg {float: right;font-size: 14px;color: #fff;background: #d5002b;width: 120px;height: 36px;border-radius: 19px;text-align: center;line-height: 36px;margin-left: 14px;}
.index_dh_s1 .share_w .yycg i {display: inline-block;width: 18px;height: 17px;background: url(../../images/zuzan_images/icon1.png) no-repeat center;margin-right: 9px;position: relative;top: 3px;}
.index_dh_s1 .share_w .yycg a{ color:#fff;}

.index_dh_s1 .share_w .wx{ position: relative; z-index:2; }
.index_dh_s1 .share_w .wx .ewm{ position: absolute; width:167px; height:173px; left:50%; margin-left:-84px; top:38px; background:url(../../images/zuzan_images/ewmbg.png) no-repeat center; display: none; }
.index_dh_s1 .share_w .wx .ewm img{ display: block; margin:0 auto; width:120px; height:120px; position: relative; top:30px; }
.index_dh_s1 .share_w .wx:hover .ewm{ display: block; }


.index_dh_s2{ width:100%; height:60px; background:url(../../images/zuzan_images/pattern-bg2.png) top center repeat-x;}
.index_dh_s3{ width:1200px; position:relative; z-index:100; margin:0 auto; top:0px;}
.index_dh_s3 .logo{ position:absolute; left:-30px; top:0px; width:176px; height:175px;}

.index_nav{width:1040px;height:78px; float:right;}
.index_nav > ul{ width:1040px; }
.index_nav > ul > li{width:93px; height:60px; line-height:60px; text-align:center; float:left; font-size:16px; position:relative; color:#fff;}
#nav_line{ width:1px; height:60px; background:url(../../images/zuzan_images/nav-line.png) left center no-repeat; }
.index_nav > ul > li > a:link,.index_nav li a:visited{ color:#fff; display:block;}
.index_nav > ul > li > a:hover,.index_nav li a:active{ color:#c9050f; display:block; background:url(../../images/zuzan_images/nav-on-bj.jpg) no-repeat; text-decoration:none; }
li.mainlevel .snav2{
	overflow: hidden; display: none;  z-index:99; height:154px; padding:6px 6px 0px 23px;
	position:absolute; left: 0; top: 60px; width:282px; background:url(../../images/zuzan_images/nav-down-bj.png) repeat-y;
}
li.mainlevel:last-child .snav2{right: -30px; left: auto;}
li.mainlevel:nth-last-child(3) .snav2{right: -30px; left: auto;}
li.mainlevel .snav2 ul li{ float: left; width:282px; height:36px; line-height:36px; float:none; font-size:14px; text-align:left; overflow: hidden; }
li.mainlevel .snav2 ul li a:link,li.mainlevel li a:visited{ color:#454545; }
li.mainlevel .snav2 ul li a:hover,li.mainlevel li a:active{ color:#c9050f;  background:none; text-decoration:none; }
li.mainlevel .snav2 .pic{ width:140px; height:140px; padding-top:20px; padding-left:13px; border-left:1px solid #e7e3e4; position:absolute; top:0px; left:111px; }
li.mainlevel  .snav2 .pic p{ height:30px; line-height:30px; text-align:center; font-size:14px; }
li.mainlevel  .snav2 .pic a:hover{ color:#c9050f; display:block; background:none; text-decoration:none; }

.tb32{ width:100%; height:615px; overflow:hidden;  z-index:0; position: absolute; left:0; top: 140px; }
.tb32 .bd{ width:100%; height:615px; overflow:hidden;}
.tb32 .bd ul,.tb32 .bd li{width:100%; height:615px; overflow:hidden;}
.tb32 .bd li a{ display:block; width:100%; height:100%; overflow:hidden;}
.tb32 .hd{ position: absolute;width: 100%; height:10px; overflow: hidden; left: 0; bottom:36px; z-index: 100; text-align: center;}
.tb32 .hd ul{ width: 156px; height:auto; margin:0 auto; }
.tb32 .hd li{border-radius:5px;-moz-border-radius:5px; text-indent: 99px; float: left; width:36px; height: 10px; overflow: hidden; margin:0 8px; cursor: pointer; background:#D8D8D8;}
.tb32 .hd li.on{ background:#CC3139; }


.index_zw{ width:1200px; margin:0px auto;}
.index_zw ul{ width:200px; height:31px; position:relative; float: right; top:528px; overflow:hidden; }
.index_zw li{ width:67px; height:31px; float:left; line-height:31px; text-align:center; font-size:14px; margin-left:16px; background:#0066cb; }
.index_zw li a:link,.index_zw li a:visited{ color:#fff; display:block; background:#0066cb; }
.index_zw li a:hover,.index_zw li a:active{ color:#fff; display:block; background:#efc028; text-decoration:none; }
#index_zw_on a{ color:#fff; display:block; background:#efc028; }

.index_main{ height:734px; background:url(../../images/zuzan_images/main-bj.jpg) center top no-repeat; }
.index_center{ width:1166px; height:665px; background:#fff; margin:0px auto; padding:15px 19px 0px 15px; }
.index_main_l{ width:685px; float:left; }
.index_main_lt{ height:420px; }
.index_main_lt .a1u{ width:272px; height:auto; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; float:left; overflow:hidden; }
.index_main_lt .a1u li{ width:262px;    background: #0066cb url(../../images/zuzan_images/ico-4.png) no-repeat center top; height:52px; float:left; padding-top:17px; font-size:16px; text-indent:60px; }
.index_main_lt .a1u li span{ width:5px; height:10px; float:left; position:relative; top:10px; left:-36px; }
.index_main_lt .a1u li a{ color:#fff; display:block; background:#0066cb; }
.index_main_lt .a1u li a:hover{ color:#fff; width:272px; height:68px; padding-top:17px; margin-top:-17px; display:block; background:url(../../images/zuzan_images/ico-2.png) right top no-repeat; text-decoration:none; }
.index_main_lt .a1u li p{ font-size:9px;  }
#main_lt_line{ width:230px; height:1px; margin-left:14px; background:#66a4df; padding:0px; }
.index_main_lt .a1u li.main_lt_on a{ color:#fff; width:272px; height:68px; padding-top:17px; margin-top:-17px; display:block; background:url(../../images/zuzan_images/ico-2.png) right top no-repeat; text-decoration:none; }

.slideBox{ display:none; width: 390px; height: 403px; overflow: hidden;}
.slideBox .bd{width:390px; height:403px; overflow: hidden; position: relative;}
.slideBox .bd li{ width: 390px; height: 403px; overflow: hidden; }
.slideBox .hds{ position: absolute; left: 0; top: 197px; width: 100%; height: 36px; overflow: hidden;background: rgba(13, 13, 13, 0.64); }
.slideBox .hds a{margin-top: 8px; float: right; width:23px ; height: 23px; overflow: hidden; margin-right:14px; display: inline;}
.slideBox .hds .next{ background: url(../../images/zuzan_images/index_main_ltbg1.png) no-repeat -37px center; }
.slideBox .hds .prev{ background: url(../../images/zuzan_images/index_main_ltbg1.png) no-repeat left center; }


.index_main_lt dl{ width:390px; height:403px; padding:5px 5px 5px 7px; background:#eee; float:right; overflow: hidden;}
.index_main_lt dt{ width:390px; height:233px; overflow: hidden;}
.index_main_lt dt img{ width: 100%; height: 100%; display: block; }
.index_main_lt dd{ width:390px; height:170px; }
dl.xw_nr{ width:390px; height:79px; padding:0px; margin-top:4px; overflow:hidden; }
.xw_nr dt{ width:51px; height:41px; padding:19px 14px; background:#0066cb; font-size:20px; text-align:center; color:#fff; float:left; }
.xw_nr dt p{ font-size:12px; }
.xw_nr dd{ width:300px; height:79px; float:right; font-size:16px; color:#323338; line-height:30px; }
.xw_nr dd p{ width:74px; height:25px; line-height:25px; text-align:center; background:url(../../images/zuzan_images/more-bj.png) no-repeat; float:right; margin-right:10px; margin-top:18px; }
.xw_nr dd p a:link,.xw_nr dd p a:visited{ color:#fff; }
.xw_nr dd p a:hover,.xw_nr dd p a:active{ color:#efc028; text-decoration:none; }
.index_main_lt dd span{ width:390px; line-height:24px; margin-top:14px; float:left; }
.index_xygg{ width:685px; height:216px; background:#eee; margin-top:8px; }
.index_xygg_l{ width:35px; height:120px; padding:83px 19px 13px 19px; background:url(../../images/zuzan_images/xygg-tou-bj.png) no-repeat; float:left; font-size:18px; color:#fff; writing-mode:tb-rl;}
.index_xygg_l span{ font-size:12px; float:left; color:#927dbe; }
.index_xygg_r{ width:612px; float:right; }
.index_xygg_r ul{ width:569px; margin-right:22px; height:160px; padding-top:20px; padding-left:20px; }
.index_xygg_r li{ font-size: 14px; height:30px; line-height:30px; background:url(../../images/zuzan_images/ico-4.jpg) left center no-repeat; text-indent:18px; }
.index_xygg_r li span{ float:right; color:#878787; }

.tqw{ width: 100%; height:35px; line-height: 35px; overflow: hidden; background:#e3d4ff;}
.tqw p{ float: left;text-indent:18px; margin-right: 24px;}
.tqw iframe{width: 205px;    margin-top: 5px;}
.index_main_r{ width:466px; float:right; }
.index_main_rt{ width:434px; height:429px; float:left; margin-left:10px; }
.index_main_rt a.more{
	float: right; margin-top: 5px;
}
.index_main_rt dl{ height:63px; border-bottom:1px dashed #d8d8d8; padding-top:14px; }
.index_main_rt dt{ width:14px; height:14px; line-height:14px; text-align:center; font-size:10px; color:#fff; background:#0065cf; float:left; margin-top:5px; }
#main_rt1{ background:#ee6a66; }
#main_rt2{ background:#fb8b41; }
#main_rt3{ background:#d9b20d; }
.index_main_rt dd{ height:31px; width:406px; float:right; font-size:16px; }
.index_main_rt dd span{ float:right; color:#454545; }
.index_main_rt dl p{ width:434px; color:#646464; clear:both; font-size: 14px;}
.index_main_rb{ width:466px; height:217px; background:url(../../images/zuzan_images/video-bj.jpg) no-repeat; clear:both; }
.index_sp_l{ width:35px; height:80px; padding:83px 16px 13px 16px; float:left; font-size:18px; color:#fff; writing-mode:tb-rl; margin-left:25px; margin-top:19px; }
.index_sp_l span{ font-size:12px; float:left; color:#f7d99d; }
.index_main_rb dl{ width:359px; margin-top:24px; float:right; }
.index_main_rb dt{ width:308px; height:171px; float:left; }
.index_main_rb dd{ width:30px; float:left; margin:76px 0px 0px 15px; }
.index_main_rb dd a:link,.index_main_rb dd a:visited{ color:#fff; }
.index_main_rb dd a:hover,.index_main_rb dd a:active{ color:#efc028; text-decoration:none; }

.index_kjck{ height:198px; background:url(../../images/zuzan_images/kjck_bj.png) top center no-repeat; position:relative; z-index:99;padding-top:135px; }
.index_kjck ul{ width:1200px; margin:0px auto; height: auto; overflow: hidden;}
/*.index_kjck li{ width:146px; height:156px; float:left; margin:0px 27px; }*/
.index_kjck li{ width:146px; height:146px; float:left; margin:0px 27px; border-radius: 100%; overflow: hidden;}
.index_kjck li a{display: block; width:146px; height:146px;}
.index_kjck li a .pic{width: 50px; height: 70px; margin: 0 auto; background-position: center -85px; background-repeat: no-repeat;}
.index_kjck li a h3{font-size: 14px; text-align: center; color: #ffffff; margin-top: 20px; text-decoration: none;}
.index_kjck li a span.line{display: block; width: 23px; height: 3px; background-color: #fff; margin: 18px auto 0 auto;}
.index_kjck li a:hover{background-color: #ffffff; text-decoration: none;}
.index_kjck li a:hover .pic{background-position: center 23px;}
.index_kjck li a:hover h3{color: #0066cc;}
.index_kjck li a:hover span.line{background-color: #0066cc;}
.index_kjck .more{ display: block; text-align: center; color: #fff; font-size: 20px; font-weight:bold; line-height: 40px; }

.index_mlxy{ height:545px; background:url(../../images/zuzan_images/mlxy-bj.jpg) top center no-repeat; }
.index_mlxy_nr{ width:1200px; margin:0px auto; }
.index_mlxy_l{ width:426px; height:353px; float:left; background:url(../../images/zuzan_images/mlxy-left-bj.png) top right no-repeat; margin-top:153px; position: relative;}
.index_mlxy_l ul{ width:142px; float:left; margin-top:38px; }
.index_mlxy_l li{ width:142px; height:46px; line-height:46px; text-align:center; font-size:18px; background:url(../../images/zuzan_images/mlxy-lm-off.png) no-repeat; margin-top:14px; }
.index_mlxy_l li a:link,.index_mlxy_l li a:visited{ color:#fff; }
.index_mlxy_l li a:hover,.index_mlxy_l li a:active{ color:#fff; text-decoration:none; display:block; background:url(../../images/zuzan_images/mlxy-lm-on.png) no-repeat; }
.index_mlxy_l li.on{ color:#fff; text-decoration:none; display:block; background:url(../../images/zuzan_images/mlxy-lm-on.png) no-repeat; }

/*.index_mlxy_l p{ width:236px; line-height:30px; margin:65px 0px 0px 33px; float:left; }*/
.index_mlxy_l p{ width:236px; line-height:30px; }
.mlxy_zy{ height:46px; float:right; position: absolute; right: 0; top: 300px;}
.mlxy_zy a{float:left; width:47px; height:46px; margin-left:5px;}
.mlxy_zy a.prev{background: url(../../images/zuzan_images/ico-left-h.jpg) center no-repeat;}
.mlxy_zy a.prev:hover{background: url(../../images/zuzan_images/ico-left.jpg) center no-repeat;}
.mlxy_zy a.next{background: url(../../images/zuzan_images/ico-right.jpg) center no-repeat;}
.mlxy_zy a.next:hover{background: url(../../images/zuzan_images/ico-right-h.jpg) center no-repeat;}
.index_mlxy_r{ width:762px; float:right; margin-top:153px;}
.index_mlxy_r .au1{}
.index_mlxy_r .bd a{ display: block; position: relative; width: 100%; height: 100%; color: #fff; font-size:18px ;overflow: hidden; text-align: center;}
.index_mlxy_r .au1 li{ width:361px; height:166px; float:left; margin-left:20px; margin-bottom:22px; display: inline;}
.index_mlxy_r .au2 li{ width:239px; height:166px; float:left; margin-left:13px; margin-bottom:22px; display: inline; }
.index_mlxy_r .au2 li p{ width: 219px; height:146px; overflow: hidden; line-height: 190px; display:none; position: absolute; left: 10px; top: 10px;background:url(../../images/zuzan_images/mlxya5bg1.png) top right no-repeat;}
.index_mlxy_r .au2 a:hover p{ display: block; }

.index_db{ height:262px; background:url(../../images/zuzan_images/db-bj.jpg) top center no-repeat; padding-top:24px; }
.db_main{ width:1200px; margin:0px auto; }
.index_ss{ width:686px; height:68px; background:#fff; margin:0px auto; }
.kuan input{ width:586px; height:68px; line-height:68px; float:left; font-size:14px; color:#7e7e7e; text-indent:14px; }
.an{ width:53px; height:46px; float:right; margin:11px 12px 0px 0px; }
.index_db1{ width:308px; float:left; margin-top:20px; line-height:38px; color:#fff; }
.index_db2{ width:170px; float:left; margin-top:20px; }
.index_db2 li{ height:38px; line-height:38px; background:url(../../images/zuzan_images/ico-3.png) left center no-repeat; text-indent:11px; }
.index_db2 li a:link,.index_db2 li a:visited{ color:#fff; }
.index_db2 li a:hover,.index_db2 li a:active{ color:#efc028; text-decoration:none; }

.index_db3{ width:255px; float:left; margin-top:36px; }
.index_db3 ul{ background:#fff; float:right; }
.index_db3 li{ width:83px; height:62px; margin:1px; float:left; }
.index_db4{ width:108px; float:right; margin-top:36px; }
.index_db4 p{ line-height:38px; color:#fff; text-align:center; }

.index_banquan{ height:55px; background:#000; }
.index_banquan dl{ width:1200px; margin:0px auto; }
.index_banquan dt{ width:920px; float:left;  color:#fff; font-size: 13px;}
.index_banquan dt a{ color:#fff; }
.index_banquan dd{ width:216px; height:27px; float:right;  }
.index_banquan dd select{ width:214px; height:25px; border:1px solid #dcdcdc; background:#fff; line-height:25px; }


.wrapper {
  width: 81.25vw;
  margin: 0 auto;
  position: relative;
}
.wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.wrap1200{
	width:1200px;
	margin:0 auto;
	}

.section3 {
  background-color: #000;
  position: relative;
}
.section3 .bg_block {
  position: relative;
  z-index: 1;
}
.section3 .bg_block .item {
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.section3 .main {
  position: absolute;
  right: 9.375vw;
  top: 10vh;
  bottom: 10vh;
  z-index: 2;
}
.section3 .main .index_tit {
  text-align: right;
}
.section3 .main .index_tit h3, .section3 .main .index_tit h4 {
  color: #fff;
  text-shadow:#000 1px 2px 3px;
}
.section3 .main .tab_title {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 3.5vw 0;
}
.section3 .main .tab_title:before {
  content: '';
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
}
.section3 .main .tab_title span {
  width: 50px;
  text-align: center;
  display: block;
  margin-bottom: 2.4vw;
  margin-right: 37px;
  margin-left: 90px;
  border-radius: 20px;
  position: relative;
  font-size: 16px;
  line-height: 42px;
  color: #fff;
  font-family: 'PingFang-Medium';
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  text-shadow:#000 1px 1px 2px;
}
.section3 .main .tab_title span:after {
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  right: -37px;
  top: 50%;
  margin-top: -7px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section3 .main .tab_title span:last-of-type {
  margin-bottom: 0;
}
.section3 .main .tab_title span:nth-of-type(1).active {
  background-color: #4574c3;
}
.section3 .main .tab_title span:nth-of-type(1).active:after {
  background-color: #4574c3;
}
.section3 .main .tab_title span:nth-of-type(2).active {
  background-color: #f07832;
}
.section3 .main .tab_title span:nth-of-type(2).active:after {
  background-color: #f07832;
}
.section3 .main .tab_title span:nth-of-type(3).active {
  background-color: #44c9a6;
}
.section3 .main .tab_title span:nth-of-type(3).active:after {
  background-color: #44c9a6;
}
.section3 .main .tab_title span.active {
  width: 140px;
  margin-left: 0;
  color: #fff;
}
.section3 .main .btns {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}
.section3 .main .btn {
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.section3 .main .btn.prev {
  background-image: url("../../images/prev_2.png");
}
.section3 .main .btn.prev:hover {  
  background-image: url("../../images/prev_1.png");
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.section3 .main .btn.next {
  background-image: url("../../images/next_2.png");
}
.section3 .main .btn.next:hover {
  background-image: url("../../images/next_1.png");
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.section3 .main .btn.hover {  
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  background-image: url("../../images/next_1.png");
}
.section3 .txt_block {
  width: 30vw;
  position: absolute;
  top: 10vh;
  bottom: 0;
  left: 9.375vw;
  background-color: rgba(69, 116, 195, 0.8);
  border: 10vh solid #fff;
  padding: 24px;
  z-index: 2;
}
.section3 .txt_block .block {
  height: 100%;
  background-color: #fff;
  position: relative;
}
.section3 .txt_block .child {
  position: absolute;
  top: 7vh;
  left: 3vw;
  right: 3vw;
  bottom: 7vh;
  display: none;
}
.section3 .txt_block .child h3 {
  font-size: 32px;
  color: #333;
  font-family: 'PingFang-Medium';
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.section3 .txt_block .child p {
  font-size: 14px;
  line-height: 32px;
  color: #808080;
  text-align: justify;
  max-height: 128px;
  overflow: hidden;
}
.section3 .txt_block .child .link {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e6e6e6;
}
.section3 .txt_block .child .link h4 {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  position: relative;
  margin-bottom: 10px;
}
.section3 .txt_block .child .link h4 a {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  line-height: 20px;
  font-size: 16px;
  color: #333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section3 .txt_block .child .link .single {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("../../images/icon5.png");
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section3 .txt_block .child .link .single a {
  display: block;
  font-size: 14px;
  color: #808080;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section3 .txt_block .child .link .single:hover {
  background-image: url("../../images/icon5_on.png");
}
.section3 .txt_block .child .link .single:hover a {
  color: #133e87;
}
.section3 .txt_block .child a.more {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 140px;
  margin: 0 auto;
  line-height: 42px;
  text-align: center;
  border-radius: 20px;
  font-size: 16px;
  color: #fff;
  font-family: 'PingFang-Medium';
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section3 .txt_block .child a.more:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.section3 .txt_block .child:nth-of-type(1) .link a:hover {
  color: #4574c3;
}
.section3 .txt_block .child:nth-of-type(1) a.more {
  background-color: #4574c3;
}
.section3 .txt_block .child:nth-of-type(1) a.more:hover {
  box-shadow: 0 10px 30px rgba(69, 116, 195, 0.4);
}
.section3 .txt_block .child:nth-of-type(2) .link a:hover {
  color: #f07832;
}
.section3 .txt_block .child:nth-of-type(2) a.more {
  background-color: #f07832;
}
.section3 .txt_block .child:nth-of-type(2) a.more:hover {
  box-shadow: 0 10px 30px rgba(240, 120, 50, 0.4);
}
.section3 .txt_block .child:nth-of-type(3) .link a:hover {
  color: #44c9a6;
}
.section3 .txt_block .child:nth-of-type(3) a.more {
  background-color: #44c9a6;
}
.section3 .txt_block .child:nth-of-type(3) a.more:hover {
  box-shadow: 0 10px 30px rgba(68, 201, 166, 0.4);
}


.comm_sec1{
	padding-top:30px;
	}
.comm_sec1 .links {
  font-size: 0;
}
.comm_sec1 .links .item {
  display: inline-block;
  vertical-align: top;
  width: calc(33.33% - 16px);
}
.comm_sec1 .links .item .box {
  overflow: hidden;
  position: relative;
  padding-top: 10px;
  border-radius: 5px;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.comm_sec1 .links .item .box:after {
  content: '';
  width: 354px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 100%;
  top: 1px;
}
.comm_sec1 .links .item .link {
  display: block;
  position: relative;
  padding: 36px 0;
  font-size: 20px;
  text-align: center;
  line-height: 48px;
  text-align: center;
  border: 2px dashed #e6e6e6;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comm_sec1 .links .item .link i {
  width: 48px;
  height: 48px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  border: 2px solid transparent;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comm_sec1 .links .item .link i:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comm_sec1 .links .item .link .a_block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comm_sec1 .links .item .link .a_block a {
  color: #fff;
  font-size: 16px;
  position: relative;
}
.comm_sec1 .links .item .link .a_block a:after {
  content: '';
  width: 0;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comm_sec1 .links .item .link .a_block a:hover:after {
  width: 100%;
}
.comm_sec1 .links .item .link .a_block a:nth-of-type(2) {
  margin: 0 3vw;
}
.comm_sec1 .links .item:nth-of-type(1) .box:after {
  background-image: url("../../images/zuzan_images/img13.png");
}
.comm_sec1 .links .item:nth-of-type(1) .link {
  color: #4574c3;
}
.comm_sec1 .links .item:nth-of-type(1) .link i {
  border-color: #4574c3;
}
.comm_sec1 .links .item:nth-of-type(1) .link i:before {
  background-image: url("../../images/zuzan_images/icon2.png");
}
.comm_sec1 .links .item:nth-of-type(1):hover .box {
  box-shadow: 0 20px 40px rgba(69, 116, 195, 0.4);
}
.comm_sec1 .links .item:nth-of-type(1):hover .link {
  background-color: #4574c3;
  color: #fff;
}
.comm_sec1 .links .item:nth-of-type(1):hover .link i:before {
  background-image: url("../../images/zuzan_images/icon2_on.png");
}
.comm_sec1 .links .item:nth-of-type(2) {
  margin: 0 24px;
}
.comm_sec1 .links .item:nth-of-type(2) .box:after {
  background-image: url("../../images/zuzan_images/img14.png");
}
.comm_sec1 .links .item:nth-of-type(2) .link {
  color: #f07832;
}
.comm_sec1 .links .item:nth-of-type(2) .link i {
  border-color: #f07832;
}
.comm_sec1 .links .item:nth-of-type(2) .link i:before {
  background-image: url("../../images/zuzan_images/icon3.png");
}
.comm_sec1 .links .item:nth-of-type(2):hover .box {
  box-shadow: 0 20px 40px rgba(240, 120, 50, 0.4);
}
.comm_sec1 .links .item:nth-of-type(2):hover .link {
  background-color: #f07832;
  color: #fff;
}
.comm_sec1 .links .item:nth-of-type(2):hover .link i:before {
  background-image: url("../../images/zuzan_images/icon3_on.png");
}
.comm_sec1 .links .item:nth-of-type(3) .box:after {
  background-image: url("../../images/zuzan_images/img15.png");
}
.comm_sec1 .links .item:nth-of-type(3) .link {
  color: #44c9a6;
}
.comm_sec1 .links .item:nth-of-type(3) .link i {
  border-color: #44c9a6;
}
.comm_sec1 .links .item:nth-of-type(3) .link i:before {
  background-image: url("../../images/zuzan_images/icon4.png");
}
.comm_sec1 .links .item:nth-of-type(3):hover .box {
  box-shadow: 0 20px 40px rgba(68, 201, 166, 0.4);
}
.comm_sec1 .links .item:nth-of-type(3):hover .link {
  background-color: #44c9a6;
  color: #fff;
}

.comm_sec1 .links .item:nth-of-type(3):hover .link i:before {
  background-image: url("../../images/zuzan_images/icon4_on.png");
}
.comm_sec1 .links .item:nth-of-type(3):hover .link .a_block {
  opacity: 1;
  visibility: visible;
}
.comm_sec1 .links .item:hover .box {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.comm_sec1 .links .item:hover .link {
  border-color: transparent;
}
.comm_sec1 .links .item:hover .link i {
  border-color: rgba(255, 255, 255, 0.3);
}
.comm_sec1 .links .item:hover .link i:before {
  -webkit-animation: rangexRotate 1s linear forwards;
  -moz-animation: rangexRotate 1s linear forwards;
  -ms-animation: rangexRotate 1s linear forwards;
  animation: rangexRotate 1s linear forwards;
}
.comm_sec1 .links .item:hover .box:after {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
}
.comm_sec1 .links .item.active .link i:before {
  -webkit-animation: rangexRotate 1s linear forwards;
  -moz-animation: rangexRotate 1s linear forwards;
  -ms-animation: rangexRotate 1s linear forwards;
  animation: rangexRotate 1s linear forwards;
}
.comm_sec1 .links .item.active .box:after {
  -webkit-animation: lineMove 2s linear forwards;
  -moz-animation: lineMove 2s linear forwards;
  -ms-animation: lineMove 2s linear forwards;
  animation: lineMove 2s linear forwards;
}
.comm_sec1 .info {
  margin-top: 24px;
  position: relative;
}
.comm_sec1 .info:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: -10px;
  background-color: #133e87;
  z-index: 1;
}
.comm_sec1 .info .box {
  padding: 6.25vw;
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}
.comm_sec1 .info h3 {
  font-size: 16px;
  color: #fff;
  font-family: 'PingFang-Medium';
  line-height: 1;
}
.comm_sec1 .info h3:before {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
}
.comm_sec1 .info h3.icon1:before {
  width: 18px;
  height: 18px;
  background-image: url("../../images/zuzan_images/icon13.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
.comm_sec1 .info h3.icon2:before {
  width: 18px;
  height: 13px;
  background-image: url("../../images/zuzan_images/icon14.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
.comm_sec1 .info h3.icon3:before {
  width: 18px;
  height: 22px;
  background-image: url("../../images/zuzan_images/icon15.png");
  display: block;
  margin: 0 auto 10px;
}
.comm_sec1 .info .right {
  float: right;
  text-align: center;
}
.comm_sec1 .info .right img {
  max-width: 133px;
  margin: 25px auto 0;
}
.comm_sec1 .info .left span {
  display: block;
  font-size: 22px;
  color: #fff;
  font-family: 'DinPro-Regular';
  line-height: 1;
  margin: 15px 0 10px;
}
.comm_sec1 .info .left span i{
	font-size:18px;
	}
.comm_sec1 .info .left p {
  font-size: 16px;
  color: #fff;
  margin-top: 15px;
}
.comm_sec1 .info .center {
  position: absolute;
  left: 0;
  right: 0;
  top: 6.25vw;
  text-align: center;
}
.comm_sec1 .info .center h2{
	color:#fff;
	font-size:32px;
	letter-spacing:5px;
	margin-bottom:15px;
	}
.comm_sec1 .info .center p {
  font-size: 24px;
  color: #fff;
  line-height: 32px;
  font-family: 'PingFang-Medium';
  margin-top: 5px;
}
.comm_sec1 .info .center p:before {
  content: '';
  width: 1px;
  height: 20px;
  display: block;
  background-color: #fff;
  margin: 0 auto 20px;
}



/*footer*/
.footer {
  background-color: #133e87;
  padding: 4.5vw 0;
  font-size: 0;
}
.footer .link {
  float: right;
  text-align: right;
}
.footer .link a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  margin-left: 1.5vw;
}
.footer .link a:nth-of-type(1) {
  margin-left: 0;
}
.footer .copyright {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
.footer .copyright br {
  display: none;
}
.footer .totop {
  width: 70px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  cursor: pointer;
}
.footer .totop i {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../../images/icon51.png");
}
.footer .totop p {
  font-size: 16px;
  color: #fff;
  margin-top: 10px;
}


/*common*/
.index_tit h3 {
  font-size: 40px;
  color: #333;
  font-family: 'PingFang-Bold;';
  line-height: 1;
}
.index_tit h4 {
  font-size: 16px;
  color: #bfbfbf;
  font-family: 'PingFang=Medium';
  line-height: 1;
  text-transform: uppercase;
  margin-top: 20px;
}





.fl{
 float:left;
 }
.fr{
 float:right
 }
.clear{
	clear:both;
	}
.pageNav{
 clear:both; margin-top:30px; text-align:right;
}
.pageNav{}
.pageNav a{
 padding:8px 10px; font-size:11px; background:#EBEBEB;
}

.pageNav a.prev, .pageNav a.next, .pageNav a.cur{
 background-color:#060;  color:#ffffff; padding:8px 10px;
}
.pageNav a:hover{
	background:#0C3;
	color:#fff;
	}